<template>
    <div class="Class_all">
        <div class="Class_all_main flex aic">
            <span v-for="(item, index) in navData" :key="index" class="cursor_pointer"
                :class="indexValue == item.id ? 'fontz fontw700' : 'fontz'" @click="classClick(item)">{{ item.label }}</span>
        </div>
    </div>
</template>
  
<script>
export default {
    name: 'ClassAll',
    data() {
        return {
            indexValue: 0,
            navData: [
                {
                    id: 0,
                    label: "全部职位"
                },
                {
                    id: 1,
                    label: "紧急职位"
                }
            ]
        }
    },
    methods: {
        classClick(item){
            this.indexValue=item.id
            this.$emit("ClassAllClick",this.indexValue)
        }
    }
}
</script>
  
<style scoped lang="scss">
.Class_all {
    width: 100%;
    height: 90px;
    background: #F8F9FA;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    border: 1px solid #CACFD6;
    padding: 0px 30px;

    .Class_all_main {
        height: 100%;

        span {
            font-size: 20px;
            color: #3D3D3D;
            margin-right: 30px;
        }
    }

}
</style>
  